<template>
  <div>
    <a-row type="flex">
      <a-col :span="6" :order="4">
        1 col-order-44
      </a-col>
      <a-col :span="6" :order="3">
        2 col-order-3
      </a-col>
      <a-col :span="6" :order="2">
        3 col-order-2
      </a-col>
      <a-col :span="6" :order="1">
        4 col-order-2
      </a-col>
    </a-row>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import { getMenus } from "@/api/user";

export default defineComponent({
  components: {},
  data() {
    return {
      menus: getMenus(),
    };
  },
  setup() {
    return {
    };
  },
  methods: {
    menuClick(e) {
      let m = this.menus[e.key];
      this.$router.push({ path: `/${m.id}`, replace: true });
    },
  },
});
</script>
